<template>
	<view>
		<!-- content: "<p>神鼎飞丹砂大法师</p>"
		creator:
		avatar: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-432615d7-fcd2-498d-8daa-8ad3a1ce4d8b/0f03b202-53e0-4f61-a82b-839f2c3da17c."
		id: "616dccf04132790001e554ad"
		nickname: "愚蠢的地球人啊"
		username: "long1" -->
		<!-- <view class="author-x"><u-avatar show-level src="http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg" text="无头像" mode="circle"></u-avatar></view> -->
		<view class="author-x">
			<view class="avatar-x">
				<u-avatar sex-icon="woman" show-sex show-level :src="userInfo.avatar_file.url" mode="circle"></u-avatar>
			</view>
			<view class="author-nickname">{{ data.creator.nickname }}</view>
			<view class="author-list">
				<u-icon name="list-dot"  size="40">
					
				</u-icon>
			</view>
		</view>
		<view class="content-x ">
			<u-read-more ref="uReadMore" toggle show-height="200"><u-parse :html="data.content" @load="parseLoaded"></u-parse></u-read-more>
			<view class="commit-x">
				<view class="commit-icon">
					<u-icon name="chat"  size="40">
						
					</u-icon>
				</view>
				<view class="commit-content">
					我就是我是颜色不一的烟火
				</view>
			</view>
		</view>
		<view class="operator-x">
			
			<view class="share"><u-icon name="share"  size="32"></u-icon></view>
			<view class="star"><u-icon name="star"  size="32"></u-icon></view>
			<view class="thumb-down-up">
				<view class="thumb-down">
					<u-icon name="thumb-down"  size="32"></u-icon>
					0
				</view>
				<view class="thumb-up">
					<u-icon  name="thumb-up"  size="32"></u-icon>
					100
				</view>
				</view>
			
		</view>
	</view>
</template>

<script>
import { mapGetters, mapMutations } from 'vuex';
export default {
	name: 'lg-issue-item',
	props: {
		data: {}
	},
	data() {
		return {};
	},
	computed: {
		...mapGetters({
			userInfo: 'user/info',
			hasLogin: 'user/hasLogin'
		})
	},
	watch: {
		data() {}
	},
	methods: {
		parseLoaded() {
			this.$refs.uReadMore.init();
			this.$nextTick(function() {
				this.$refs.uReadMore.init();
			});
		}
	}
};
</script>

<style lang="scss" scoped>
	.author-x, .operator-x ,.commit-x {
		display: flex;
	}
	
	.share , .star , .thumb-down-up {
		 flex: 1;
		 display: flex;
		 justify-content: center;
	}
	.thumb-up{
		margin-left: 20rpx;
	}
	.commit-icon{
		flex-basis: 50rpx;
	}
	.commit-content{
		flex: 1;
		background-color: #f4f4f5;
		padding: 10rpx;
		border-radius: 10rpx;
	}
	.operator-x{
		margin-top: 24rpx;
	}
	 
	.avatar-x{
		flex-basis: 120rpx;
	}
	.author-nickname{
		flex: 1;
		display: flex;
		align-items: center;
		font-weight: bold;
		font-size: 32rpx;
	}
	.author-list{
		flex: 1;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		
	}
	
</style>

